@charset "UTF-8";
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-size: 2rem;
  font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;
  background: #FFF;
}

a {
  color: #535353;
  text-decoration: none;
}

img {
  width: 100%;
  height: 100%;
  border: none;
}

input {
  outline: 0px;
}

div {

}

@baseFontSize: 75; //基于视觉稿横屏尺寸/100得出的基准font-size
.px2rem(@name, @px) {
    @{name}: @px / @baseFontSize * 1rem;
}

.dsplFlex {
  display: flex;
  display: -webkit-flex; /* Safari */
}

.clear {
  clear: both;
}

.red {
  border: 1px solid red;
}

.gold {
  border: 1px solid gold;
}

.green {
  border: 1px solid green;
}

.fixedTop {
  width: 10rem;
  .px2rem(height, 118);
  color: #FFF;
  background: url("../slice/header.jpg") no-repeat;
  background-size: 10rem;
  position: fixed;
  border-bottom: 1px solid #FFF;
  z-index: 999;
  a {
    .px2rem(width, 60);
    .px2rem(height, 60);
    display: block;
  }
  a:nth-child(1) {
    float: left;
    margin: 30/75rem 0 0 30/75rem;
  }
  a:nth-child(2) {
    float: right;
    margin: 30/75rem 20/75rem 0 0;
  }
}

.nxTop {
  width: 10rem;
  .px2rem(height, 80);
  color: #FFF;
  background: #F65E5F;
  position: fixed;
  border-bottom: 1px solid #FFF;
  z-index: 99999;
  display: none;
  a {
    .px2rem(width, 60);
    .px2rem(height, 60);
    display: block;
  }
  a:nth-child(1) {
    float: left;
    margin: 10/75rem 0 0 20/75rem;
  }
  a:nth-child(2) {
    float: right;
    margin: 10/75rem 10/75rem 0 0;
  }
  .searchBar {
    .px2rem(width,500);
    .px2rem(height,55);
    float:left;
    margin: 10/75rem  0 0 40/75rem;
    background: url("../slice/icon_fdj.jpg") no-repeat right 4/75rem #FFF;
    background-size: 50/75rem;
    border: 1px solid #FFF;
    border-radius: 8/75rem;
    p {
      color: #333333;
      font-size: 26/75rem;
      text-indent: 1em;
      line-height: 55/75rem;
    }
  }
}

//置底导航
.v_nav {
  position: fixed;
  bottom: 0;
  width: 10rem;
  height: 1.1rem;
  background-color: rgba(238, 238, 238, 0.9);
  border-top: #dcdcdc 1px solid;
  z-index: 97;
  padding-bottom: 4/75rem;
  padding-top: 4/75rem;
  .vf_nav {
    width: 100%;
    height: 90/75rem;
    margin: auto;
    ul {
      li {
        width: 2rem;
        height: 90/75rem;
        float: left;
        text-align: center;
        a {
          text-align: center;
          font-size: 24/75rem;
          color: #333;
          display: block;
          position: relative;
          i {
            display: block;
            width: 50/75rem;
            height: 40/75rem;
            margin: auto;
          }
          span {
            display: block;
            width: 100%;
            height: 40/75rem;
            line-height: 40/75rem;
          }
        }
        a:active {
          color: #ff7171;
        }
      }
    }
  }
}

.vf_1, .vf_2, .vf_3, .vf_4, .vf_5 {
  background-size: 50/75rem;
}

.vf_1 {
  background-image: url("../slice/navI.png");
}

.vf_2 {
  background-image: url("../slice/navII.png");
}

.vf_3 {
  background-image: url("../slice/navIII.png");
}

.vf_4 {
  background-image: url("../slice/navIV.png");
}

.vf_5 {
  background-image: url("../slice/navV.png");
}

.gotop {
  display: block;
  width: 80/75rem;
  height: 80/75rem;
  position: fixed;
  bottom: 1.5rem;
  right: 15/75rem;
  background-color: rgba(243, 241, 241, 0.5);
  border: 1px solid #CCC;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  img {
    display: block;
    width: 80/75rem;
    height: 80/75rem;
  }
}

.pageBody {
  width: 10rem;
  padding: 118/75rem 0 1.25rem 0;
}

.indexSwf {
  width: 10rem;
  height: 390/75rem;
  overflow: hidden;
  .swiper-container {
    width: 100%;
    height: 100%;
  }
}

.pageBody .rollBarWrap .searchBar {
  .dsplFlex;
  align-items: center;
  background: url("../slice/icon_fdj.jpg") no-repeat right 8/75rem #FFF;
  background-size: 50/75rem;
  p {
    font-size: 26/75rem;
    text-indent: 1em;
  }
}

.rollBarWrap {
  width: 10rem;
  .px2rem(height, 85);
  margin: 10/75rem 0 0 0;
  background: #FFDDDD;
  .dsplFlex;
  justify-content: center;
  align-items: center;
  .rollBar {
    .px2rem(width, 695);
    .px2rem(height, 65);
    background: #FFF;
    border: 1px solid #FFF;
    border-radius: 8/75rem;
  }
  .nxLogo {
    .px2rem(width, 65);
    .px2rem(height, 65);
    float: left;
    margin: 1/75rem 10/75rem 0 5/75rem;
  }
  .rollTxt {
    float: left;
    margin:0 10/75rem 0;
    .px2rem(height, 65);
    .px2rem(width, 475);
    padding: 0 0 0 5/75rem;
    .swiper-container2 {
      width: 100%;
      height: 100%;
      overflow: hidden;
      .swiper-slide {
        .dsplFlex;
        align-items: center;
        //background: url("../slice/icon_arrow.png") no-repeat right 0;
        // background-size: 65/75rem;
        p {
          a {
            font-size: 26/75rem;
            color: #1D1D1D;
          }
        }
      }
    }
  }
  .searchBar{
    .px2rem(width,110);
    .px2rem(height,50);
    span{
      margin:12/75rem 0 0 0;
    }
  }
}

.quickLinkWrap {
  background: #E7E7E7;
  padding: 10/75rem 0 0 10/75rem;
  .quickLinkA {
    a {
      .px2rem(width, 176);
      .px2rem(height, 298);
      display: block;
      float: left;
      .px2rem(margin-right, 8);
    }
  }
  .quickLinkB {
    .px2rem(margin-top, 15);
    a {
      .px2rem(width, 359);
      .px2rem(height, 176);
      display: block;
      float: left;
      .px2rem(margin-right, 8);
    }
  }
}

.huaWen {
  width: 10rem;
  .px2rem(height, 20);
  margin: 5/75rem 0;
  text-indent: -999rem;
  background: url("../slice/icon_huawen.jpg") repeat-x 0 center;
}

.linkC {
  li {
    width: 5rem;
    .px2rem(height, 85);
    float: left;
    font-size: 0.53rem;
    text-align: center;
    display: table;
    a {
      display: table-cell;
      vertical-align: middle;
    }
  }
  li:nth-child(1) {
    .px2rem(margin-bottom, 8);
    background: #D7FFD5;
    a {
      color: #34B103;
    }
  }
  li:nth-child(2) {
    .px2rem(margin-bottom, 8);
    background: #FFE9D5;
    a {
      color: #FF8D25;
    }
  }
  li:nth-child(3) {
    background: #FFD5E5;
    a {
      color: #FE5E9B;
    }
  }
  li:nth-child(4) {
    background: #E0D5FF;
    a {
      color: #8762FF;
    }
  }
}

.linkCWrap {
  position: relative;
  .ynMap {
    position: absolute;
    .px2rem(top, 0);
    .px2rem(margin-left, -102);
    display: block;
    left: 50%;
    img {
      .px2rem(width, 205);
      .px2rem(height, 175);
    }
  }
}

.goodsListZ {
  background: #F4F4F4;
  padding: 0 0 20/75rem 0;
  ul.i {
    margin: 10/75rem 0 0 10/75rem;
    li {
      float: left;
      .px2rem(width, 364);
    }
    li:nth-child(1) {
      border-right: none;
    }
  }
  ul.ii {
    margin: 0 0 0 10/75rem;
    li {
      float: left;
      .px2rem(width, 182);
    }
  }
}

.dzListOn {
  .px2rem(width, 100);
  .px2rem(height, 100);
  .px2rem(top, 30);
  .px2rem(right, 5);
  position: absolute;
  text-indent: -99rem;
  background: url("../slice/arrow_down.png") no-repeat rgba(238, 238, 238, 0.7) center bottom;
  background-size: 80/75rem;
  borde: 1px solid rgba(238, 238, 238, 0.9);
  border-radius: 50%;
}
.dzListUp{
  background-image:url("../slice/arrow_up.png");
  background-position:center top;
}
.dzList {
  width: 10rem;
  overflow: hidden;
  background: rgba(238, 238, 238, 0.9);
  padding: 15/75rem 0;
  position: relative;
  ul {
    margin: 0 15/75rem;
    background: #FFF;
    li {
      float: left;
      .px2rem(width, 180);
      img {
        .px2rem(height, 142);
      }
    }
    li.dzShow {
      display: none;
    }
  }
}

.goodsListA {
  padding: 0 0 20/75rem 0;
  background: #F4F4F4;
  .listAWrap {
    display: flex;
    flex-wrap: wrap;
    margin: 10/75rem 0 0 0;
    .listA:nth-child(1) {
      .px2rem(width, 266);
      .px2rem(height, 443);
      overflow: hidden;
      margin: 0 14/75rem 0 0;
    }
    .listA:nth-child(2) {
      .px2rem(width, 466);
      flex-wrap: wrap;
      display: flex;
      a:nth-child(1) {
        width: 100%;
        margin: 0 0 14/75rem 0;
      }
      a:nth-child(2) {
        .px2rem(width, 226);
        margin: 0 14/75rem 0 0;
      }
      a:nth-child(3) {
        .px2rem(width, 226);
      }
    }
    img {
      border: 1px solid #E5E5E5;
    }
  }
}

.goodsListC {
  padding: 0 0 20/75rem 0;
  background: #F4F4F4;
  a:nth-child(2) {
    margin: 10/75rem 0 0 0;
    display: block;
  }
}

.dizList {
  width: 10rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  background: #F4F4F4;
  a {
    .px2rem(width, 726);
    .px2rem(margin-bottom, 10);
    display: block;
    img {
      border: 1px solid #CECECE;
    }
  }
  a:nth-child(6) {
    .px2rem(width, 362);
  }
  a:nth-child(7) {
    .px2rem(width, 362);
  }
}

.siteBtm {
  width: 10rem;
  .imgLink {
    .dsplFlex;
    margin: 10/75rem 0;
    flex-wrap: wrap;
    img {
      width: 5rem;
    }
    img:nth-child(1) {
      border-right: 1px solid #FFF;
    }
  }
  ul {
    .dsplFlex;
    margin: 25/75rem auto;
    flex-direction: row;
    justify-content: center;
    li {
      font-size: 30/75rem;
      padding: 0 20/75rem;
      border-right: 1px solid #E4E4E4;
    }
    li:nth-child(4) {
      border: none;
    }
  }
  p {
    color: #999;
    font-size: 24/75rem;
    margin: 0 0 5/75rem 0;
    text-align: center;
  }
}

/*过渡广告*/
.adShow {
  width: 10rem;
  height: 100%;
  background: url("../img/ad01.jpg") no-repeat #FFFFFF center bottom;
  background-size: contain;
}

/*搜索页*/
.search_hide {
  width: 10rem;
  padding-top:1.6rem;
  h2 {
    width: 100%;
    height: 80/75rem;
    text-align: center;
    font-size: 40/75rem;
    color: #666;
    font-weight: normal;
    line-height: 80/75rem;
    border-bottom: 1px solid #eeeeee;
    position: relative;
    .close {
      position: absolute;
      width: 40/75rem;
      height: 40/75rem;
      right: 10px;
      color: #999;
      img {
        display: inline-block;
        width: 100%;
        height: 100%;
      }
    }
  }
  .search_mid {
    width: 9.5rem;
    margin: auto;
    overflow: hidden;
    margin-top: 40/75rem;
    margin-bottom: 20/75rem;
    .searchdotm {
      width: 100%;
      overflow: hidden;
      .mallSearch-input {
        width: 100%;
        border: 2px solid #E31939;
        height: 1rem;
        float: left;
        overflow: hidden;
        margin: auto;
        position: relative;
        .searchArea {
          height: 1rem;
          font-size: 32/75rem;
          line-height: 1rem;
          text-indent: 0.5em;
        }
        .button {
          position: absolute;
          display: block;
          width: 50/75rem;
          height: 50/75rem;
          right: 8/75rem;
          bottom: 8/75rem;
          background: url("../slice/search.png") no-repeat center center;
          background-size: cover;
        }
      }
    }
  }
  .mix_recently_search {
    width: 100%;
    h3 {
      font-size: 30/75rem;
      font-weight: normal;
      padding-left: 60/75rem;
      height: 1rem;
      line-height: 1rem;
      background: url("../slice/souso.png") no-repeat 0.26rem center #FFF;
      background-size: 0.5rem;
      color: #333;
    }
    ul {
      width: 90%;
      overflow: hidden;
      margin: auto;
      li {
        border: 1px solid #ccc;
        height: 60/75rem;
        position: relative;
        float: left;
        border-radius: 8/75rem;
        margin-right: 20/75rem;
        margin-bottom: 20/75rem;
        a {
          display: block;
          font-size: 28/75rem;
          line-height: 60/75rem;
          color: #000;
          text-align: center;
          padding: 0 20/75rem;
        }
      }
      li:active {
        border: 1px solid #E31939;
      }
    }
  }
}